<template>
	<view class="bg-top">
		<text class="txt-left">
			{{textLeft}}
		</text>
		<text class="txt-right">
			{{textRight}}
		</text>
		<view class="top-input">
			<view class="iconfont icon-sousuo v-icon"></view>
			<input class="t-in" type="text" placeholder="请输入"/>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			textLeft:String,
			textRight:String
		}
	}
</script>

<style scoped>
	.bg-top{
		width: 100%;
		padding-top: 50rpx;
		background: blue;
		width: 100%;
		height: 200rpx;
	}
	.txt-left{
		font-size: 40rpx;
		font-weight: bold;
		color: #ffffff;
		float: left;
		padding-left: 30rpx;
	}
	.txt-right{
		font-size: 20rpx;
		font-weight: bold;
		color: #ffffff;
		float: right;
		padding-right: 30rpx;
		padding-top: 20rpx;
	}
	.top-input{
		width: 90%;
		background-color: #ffffff;
		font-size: 25upx;
		color: #666666;
		display: flex;
		height: 50rpx;
		margin: auto;
		margin-top: 100rpx;
		border-radius: 5rpx;
	}
	.t-in{
		width: 100%;
		height: 50rpx;
		display: flex;
	}
	.v-icon{
		padding: 0 20rpx;
		margin-top: 10rpx;
		height: 20rpx;
		width: 20rpx;

	}
</style>